<template>
	<view>
		<view class="cu-card case" :class="isCard ? 'no-card' : ''">
			<view class="cu-item shadow">
				<slot name="header">
					<view class="cu-bar bg-white" v-if="title">
						<view class="action">
							<text class="text-bold">{{ title }}</text>
						</view>
					</view>
				</slot>
				<slot name="body">
					<view class="cu-bar bg-white"><text class="">hello world!</text></view>
				</slot>
				<view class="image">
					<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" mode="widthFix"></image>
					<view class="cu-tag bg-blue">史诗</view>
					<view class="cu-bar bg-shadeBottom"><text class="text-cut">我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。</text></view>
				</view>
				<view class="cu-list menu-avatar">
					<view class="cu-item">
						<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
						<view class="content flex-sub">
							<view class="text-grey">正义天使 凯尔</view>
							<view class="text-gray text-sm flex justify-between">
								十天前
								<view class="text-gray text-sm">
									<text class="cuIcon-attentionfill margin-lr-xs"></text>
									10
									<text class="cuIcon-appreciatefill margin-lr-xs"></text>
									20
									<text class="cuIcon-messagefill margin-lr-xs"></text>
									30
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script setup>
const app = getApp();
import { computed, reactive, ref } from 'vue';
const emit = defineEmits(['click', 'show']);
const isCard = ref(false);
const props = defineProps({
	title: {
		type: String,
		default: ''
	},
	mode: {
		type: String
	}
});
//
</script>
<style>
@import '../../lib/main.css';
@import '../../lib/icon.css';
@import '../../lib/common.css';
</style>
